<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<!-- BEGIN HEAD -->

<head>

    <meta charset="utf-8"/>

    <title>按此刷卡添加页面</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="/media/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="/media/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style-responsive.css" rel="stylesheet"
          type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/media/css/timepicker.css">

    <!--<link href="/media/css/uniform.default.css" rel="stylesheet"-->
    <!--type="text/css" />-->

    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->

    <link rel="stylesheet" type="text/css"
          href="/media/css/select2_metro.css"/>

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="/media/image/favicon.ico"/>

    <style type="text/css">

        .radio {
            min-height: 0px;
        }

        .radio input[type="radio"] {
            margin-left: -15px;
        }
    </style>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body>
<div class="row-fluid" style="margin-left:-10px;margin-top:10px;">
    <div class="span12">
        <div class="portlet-body form">
            <form action="#" method="POST" class="form-horizontal"
                  id="swipe_card_add_form">
                <div class="form-wizard">
                    <div class="control-group">
                        <label class="control-label">规则名称：<span class="required">*</span></label>

                        <div class="controls">
                            <input type="text" class="span6 m-wrap" name="rulesName" id="rule_name"/> <span
                                class="help-inline" style="color:red;">注：适用于即玩性，即时性，无需预约的课程外消费，如游泳课、游乐课等</span>
                        </div>
                    </div>
                    <div class="control-group">

                        <label class="control-label span1" style="margin-left: 50px;">刷卡时间</label>

                        <div class="controls span3">

                            <div class="input-append bootstrap-timepicker-component">

                                <input class="m-wrap m-ctrl-small timepicker-24" type="text" name="swipeTime">

                                <span class="add-on"><i class="icon-time"></i></span>

                            </div>

                        </div>
                        <label class="control-label span1">至</label>

                        <div class="controls span2">

                            <div class="input-append bootstrap-timepicker-component">

                                <input class="m-wrap m-ctrl-small timepicker-24" type="text" name="swipeTime">

                                <span class="add-on"><i class="icon-time"></i></span>

                            </div>

                        </div>

                    </div>
                    <div class="control-group">
                        <label class="control-label">计费方式：<span class="required">*</span></label>

                        <div class="controls" style="margin-left:200px;">

                            <label class="radio">

                                <div class="radio"><span class="checked"><input checked type="radio" name="feeType"
                                                                                value="1"></span></div>

                                课时

                            </label>

                            <label class="radio">

                                <div class="radio"><span class=""><input type="radio" name="feeType"
                                                                         value="2"></span></div>

                                积分

                            </label>

                            <label class="radio">

                                <div class="radio"><span><input type="radio" name="feeType"
                                                                value="3"></span></div>

                                免费

                            </label>

                        </div>
                    </div>
                    <div class="control-group ">

                        <label class="control-label">扣课时数：</label>
                        <div class="controls">
                            <input type="text" class="span6 m-wrap" name="deductHour"/>
                            <span
                                    class="help-inline"></span>
                        </div>
                    </div>
                    <div class="control-group ">
                        <label class="control-label">课时类型：</label>
                        <div class="controls">
                            <select class="m-wrap" name="courseHourType">
                                <option value="0">通用课时</option>
                                <option value="1" th:each="series:${series}" th:text="${series.courseSeriesName}"
                                        th:value="${series.id}">编程
                                </option>
                            </select>

                        </div>
                    </div>
                    <div class="control-group ">
                        <label class="control-label">刷卡次数：</label>
                        <div class="controls">
                            <input type="text" class="span6 m-wrap" name="swipeCardCount"/> <span
                                class="help-inline" style="color:red;">注：每天最多刷卡次数</span>
                        </div>
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>

<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="/media/js/jquery-migrate-1.2.1.min.js"
        type="text/javascript"></script>

<script src="/media/js/jquery-ui-1.10.1.custom.min.js"
        type="text/javascript"></script>

<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>


<script type="text/javascript" src="/media/js/select2.min.js"></script>

<script type="text/javascript" src="/media/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="/media/js/DT_bootstrap.js"></script>

<script type="text/javascript" src="/media/js/jquery.validate.min.js"></script>

<script type="text/javascript" src="/media/js/chosen.jquery.min.js"></script>

<script type="text/javascript" src="/media/js/bootstrap-timepicker.js"></script>


<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="/media/js/app.js"></script>
<script src="/media/js/swipecardadd.js"></script>

<script>
    jQuery(document).ready(function () {

        App.init();
        SwipeCardAdd.init();

    });
</script>


</body>

<!-- END BODY -->

</html>